토이 프로젝트 [My toy] 블랙 잭 - Java 처음 받은 두 장의 카드가 같은 숫자면 스플릿(각각의 카드로 취급하여 분할하여 게임 진행 가능)을 할 수 있다느니, A는 자신이 원할 때, 1 또는 11로 바꿔 쓸 수 있다느니 등등.. 재미는 최대한 유지한 상태로 규칙을 조금 수정하였다. 게임이 시작되면 Deck(카드 뭉치)이 만들어지고, 딜러와 플레이어에게 각각 2장의 카드가 지급된다. Deck에 52장의 카드를 모두 넣어줘야 하는데, 구... Java토이 프로젝트Java [토이 프로젝트] 자동화된 게임 명부 만들기(3) - 스크래핑 오류 다루기 selenium exception에 여러 스크래핑 중 발생가능한 exception이 정의 되어 있으니깐 이걸 이용해서 오류를 다뤄보자! 존재하지 않는 캐릭터명을 검색했을 때 발생하는 오류입니다. 캐릭터 검사 페이지가 아닌 다른 페이지로 이동 되므로 우리가 찾는 element가 존재하지 않아서 Exception이 발생합니다. 또는 웹페이지 구조 변경으로 해당 element 변경 시에도 발생합니... google sheetspythonselenium토이 프로젝트google sheets [My toy] 움직이는 공 1 - JavaScript Java공부를 하던 중, 가볍게 재밌는 프로젝트를 만들고 싶어 김종민님의 유튜브를 찾아봤다. 사실 canvas도 주먹구구식으로 찾아본 것이 전부라 조금 더 알고싶은 마음에서도 있었다. 그렇게 첫 영상을 시청했는데.. 프로그래밍 방식이 굉장히 좋아보였다! 현재 객체지향 언어를 공부 중이지만, 실상 프로그래밍 방식은 객체지향과는 거리가 멀게 구현하고 있었는데, 김종민님은 스크립트 언어인 JS를 ... JavaScript토이 프로젝트JavaScript [My toy] 움직이는 공 2 - JavaScript - 블록 그리기 블록을 만들어주기 위해 좌표를 잡아준다. 그럼 이렇게 블록이 하나 생긴다. 이렇게 두면 좀 밋밋하니까 블록에 moveTo, lineTo로 좌표를 이어서 입체처럼 보이게 만들어주자. - 블록 형상화 블록에 정상적으로 튀는 공의 모습을 볼 수 있다. 그런데, 여기서 문제가 하나 발생한다. - 버그 발견 🔍 블록을 불가침 영역으로 지정했기 때문에, 처음 생성된 공이 블록 안에서 나... JavaScript토이 프로젝트JavaScript 토이 프로젝트 후기) Space And Coin Open API역시 사용하기로 하였고, 재밌는 Open API를 찾아 다음과 같은 API를 사용하였다. 🍨 업비트 시세 API, NASA 우주 사진 API, 카카오(다음) 검색 API Chart.js를 통해 그래프를 만들었다. NASA APOD API 에서 랜덤으로 받은 사진과 그에 대한 설명이 출력된다. 암호화폐 시세를 업비트로부터 받아오고, 현재 시세를 북마크에 저장할 수 있다. (북마크... React토이 프로젝트reduxReact [토이 프로젝트] 자동화된 게임 명부 만들기(1) - GAS 사용 기본적인 설정과 코드는 , 두 개의 글 링크로 대체합니다. 위 글들을 바탕으로 메이플 명부 갱신용 기본 코드를 짜보겠습니다. GetMapleData.gs getContent_(name): 캐릭터명을 인자로 받아 캐릭터 검색 결과 페이지를 반환하는 함수입니다. 오류 발생 시 null을 반환합니다. getMapleData(): 결과 페이지로부터 명부에 입력할 데이터를 스크래핑하는 함수입니다. 데... google apps script토이 프로젝트google sheetsgoogle apps script 토이 프로젝트 후기) 라이프 공간 테스트 위의 사진은 들어가면 바로 볼 수 있는 화면이다. 바로 밑의 시작하기 버튼으로 시작할 수 있다. 시작하면 순서대로 10개의 질문이 시작되고, 모든 질문에 대답하면 결과창을 볼 수 있다. 결과창의 밑에는 처음으로 돌아가 다시 테스트를 하는 버튼과 카카오톡으로 이 사이트를 공유하는 버튼이 있다. 이 사이트를 만들기 위해서 React, useState Hook, Styled-Components, ... MBTI토이 프로젝트리액트MBTI jayeon project Rest Docs 추가 api서버에 rest docs를 추가하여 사용되는 api들을 호출하고 응답하는 값을 설정해주고 test code와 exception 처리까지 해보자! 우선 지금 포스트에서는 Rest Docs 적용까지 해보려고 한다. 이전에 내가 직접 작성한 글인데 해당 글을 다시 참고하며 진행했다. Rest Docs의 장점(?)은 api 문서에 작성되는 특징이 있어서 test code를 꼭 작성해야한다. 간... 토이 프로젝트토이 프로젝트 jenkins로 ci/cd 만들기 이제 jenkins가 우리 서버에 직접적으로 무언가를 할수 있다는 것을 알 수 있었다. 이미지화된 A 컨테이너를 docker hub에 올린다. 실제 운영중인 server의 B 컨테이너를 docker-compse down을 통해 내린다. 작성된 dockerfile을 통해 이미지화된 A 컨테이너를 docker-compse up을 통해 실행하며 내부 명령어를 실행시켜 자동으로 server가 실행되... 토이 프로젝트토이 프로젝트
[My toy] 블랙 잭 - Java 처음 받은 두 장의 카드가 같은 숫자면 스플릿(각각의 카드로 취급하여 분할하여 게임 진행 가능)을 할 수 있다느니, A는 자신이 원할 때, 1 또는 11로 바꿔 쓸 수 있다느니 등등.. 재미는 최대한 유지한 상태로 규칙을 조금 수정하였다. 게임이 시작되면 Deck(카드 뭉치)이 만들어지고, 딜러와 플레이어에게 각각 2장의 카드가 지급된다. Deck에 52장의 카드를 모두 넣어줘야 하는데, 구... Java토이 프로젝트Java [토이 프로젝트] 자동화된 게임 명부 만들기(3) - 스크래핑 오류 다루기 selenium exception에 여러 스크래핑 중 발생가능한 exception이 정의 되어 있으니깐 이걸 이용해서 오류를 다뤄보자! 존재하지 않는 캐릭터명을 검색했을 때 발생하는 오류입니다. 캐릭터 검사 페이지가 아닌 다른 페이지로 이동 되므로 우리가 찾는 element가 존재하지 않아서 Exception이 발생합니다. 또는 웹페이지 구조 변경으로 해당 element 변경 시에도 발생합니... google sheetspythonselenium토이 프로젝트google sheets [My toy] 움직이는 공 1 - JavaScript Java공부를 하던 중, 가볍게 재밌는 프로젝트를 만들고 싶어 김종민님의 유튜브를 찾아봤다. 사실 canvas도 주먹구구식으로 찾아본 것이 전부라 조금 더 알고싶은 마음에서도 있었다. 그렇게 첫 영상을 시청했는데.. 프로그래밍 방식이 굉장히 좋아보였다! 현재 객체지향 언어를 공부 중이지만, 실상 프로그래밍 방식은 객체지향과는 거리가 멀게 구현하고 있었는데, 김종민님은 스크립트 언어인 JS를 ... JavaScript토이 프로젝트JavaScript [My toy] 움직이는 공 2 - JavaScript - 블록 그리기 블록을 만들어주기 위해 좌표를 잡아준다. 그럼 이렇게 블록이 하나 생긴다. 이렇게 두면 좀 밋밋하니까 블록에 moveTo, lineTo로 좌표를 이어서 입체처럼 보이게 만들어주자. - 블록 형상화 블록에 정상적으로 튀는 공의 모습을 볼 수 있다. 그런데, 여기서 문제가 하나 발생한다. - 버그 발견 🔍 블록을 불가침 영역으로 지정했기 때문에, 처음 생성된 공이 블록 안에서 나... JavaScript토이 프로젝트JavaScript 토이 프로젝트 후기) Space And Coin Open API역시 사용하기로 하였고, 재밌는 Open API를 찾아 다음과 같은 API를 사용하였다. 🍨 업비트 시세 API, NASA 우주 사진 API, 카카오(다음) 검색 API Chart.js를 통해 그래프를 만들었다. NASA APOD API 에서 랜덤으로 받은 사진과 그에 대한 설명이 출력된다. 암호화폐 시세를 업비트로부터 받아오고, 현재 시세를 북마크에 저장할 수 있다. (북마크... React토이 프로젝트reduxReact [토이 프로젝트] 자동화된 게임 명부 만들기(1) - GAS 사용 기본적인 설정과 코드는 , 두 개의 글 링크로 대체합니다. 위 글들을 바탕으로 메이플 명부 갱신용 기본 코드를 짜보겠습니다. GetMapleData.gs getContent_(name): 캐릭터명을 인자로 받아 캐릭터 검색 결과 페이지를 반환하는 함수입니다. 오류 발생 시 null을 반환합니다. getMapleData(): 결과 페이지로부터 명부에 입력할 데이터를 스크래핑하는 함수입니다. 데... google apps script토이 프로젝트google sheetsgoogle apps script 토이 프로젝트 후기) 라이프 공간 테스트 위의 사진은 들어가면 바로 볼 수 있는 화면이다. 바로 밑의 시작하기 버튼으로 시작할 수 있다. 시작하면 순서대로 10개의 질문이 시작되고, 모든 질문에 대답하면 결과창을 볼 수 있다. 결과창의 밑에는 처음으로 돌아가 다시 테스트를 하는 버튼과 카카오톡으로 이 사이트를 공유하는 버튼이 있다. 이 사이트를 만들기 위해서 React, useState Hook, Styled-Components, ... MBTI토이 프로젝트리액트MBTI jayeon project Rest Docs 추가 api서버에 rest docs를 추가하여 사용되는 api들을 호출하고 응답하는 값을 설정해주고 test code와 exception 처리까지 해보자! 우선 지금 포스트에서는 Rest Docs 적용까지 해보려고 한다. 이전에 내가 직접 작성한 글인데 해당 글을 다시 참고하며 진행했다. Rest Docs의 장점(?)은 api 문서에 작성되는 특징이 있어서 test code를 꼭 작성해야한다. 간... 토이 프로젝트토이 프로젝트 jenkins로 ci/cd 만들기 이제 jenkins가 우리 서버에 직접적으로 무언가를 할수 있다는 것을 알 수 있었다. 이미지화된 A 컨테이너를 docker hub에 올린다. 실제 운영중인 server의 B 컨테이너를 docker-compse down을 통해 내린다. 작성된 dockerfile을 통해 이미지화된 A 컨테이너를 docker-compse up을 통해 실행하며 내부 명령어를 실행시켜 자동으로 server가 실행되... 토이 프로젝트토이 프로젝트